import { Button, Swiper } from "antd-mobile";
import "./Index.css";
import { useNavigate } from "react-router-dom";
function Index() {
  const nav=useNavigate()
  const tios=()=>{
      nav('/home')
  }
  return (
    <div className="yin1">
      <Swiper className="banner">
        <Swiper.Item style={{marginTop:'70px'}}>
          <div>
            <div>
              <img src="/tuz.png" alt="" style={{marginLeft:'58px'}} />
            </div>
            <div className="title">专业的在线问诊</div>
          </div>
        </Swiper.Item>

        <Swiper.Item style={{marginTop:'70px'}}>
          <div>
            <img src="/tu2.png" alt="" style={{marginLeft:'51px'}} />
          </div>
          <div className="title">丰富的健康常识</div>
        </Swiper.Item>

        <Swiper.Item style={{marginTop:'70px'}}>
          <div>
            <img src="/tu3.png" alt="" style={{marginLeft:'51px'}} />
          </div>
          <div className="title">专业的在线问职</div>
        </Swiper.Item>

        <Swiper.Item style={{ marginLeft: "50px",marginTop:'70px' }}>
          <div>
            <img src="/tu4.png" alt="" />
          </div>
          <div className="title" style={{ marginLeft: "-90px" }}>
            丰富的健康常识
          </div>
        </Swiper.Item>

        <Swiper.Item style={{ marginLeft: "50px" ,marginTop:'70px'}}>
          <div>
            <img src="/tu5.png" alt="" />
          </div>
          <div
            className="title"
            style={{ marginLeft: "-90px", marginTop: "50px" }}
          >
            打造你的健康常青树
          </div>
          <div className="btn">
            <Button color="primary" fill="solid" onClick={tios}>
              马上进入
            </Button>
          </div>
        </Swiper.Item>
      </Swiper>
    </div>
  );
}

export default Index;
